<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>map</title>
</head>

<body class="">
    <!-- <div class = "info">度。</div> -->
    <div id="container"></div>
    <div class=" mes abs">
        <div class="flex mt20 ml20" id="back">
            <div class="iconfont bra50 tcenter">&#xe607;</div>
        </div>
        <div class="iconfont bra50 tcenter mb20 ml20 mapicon rel">&#xec32;</div>
        <div class="pall5 run mb20 bcfff rel">
            <p class="outrun c4f">户外跑</p>
            <ul class="df jcaround  tcenter mt10 ">
                <li>
                    <div class="font14 c333">配速</div>
                    <div class="font26">99`99</div>
                </li>
                <li>
                    <div class="font14 c333">用时</div>
                    <div class="font26">99:99:99</div>
                </li>
                <li>
                    <div class="font14 c333">距离(km)</div>
                    <div class="font26">99.99</div>
                </li>
            </ul>
        </div>
    </div>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=OLPxF0FcrSQEWIOgG2YS0fE2u4FiLox8"></script>
</body>

</html>